{% load i18n %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>nbex.com</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <meta name="HandheldFriendly" content="true">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css">
    <!--添加开始  -->
    <meta name="renderer" content="webkit">
    <link rel="apple-touch-icon" href="/resources/img/binance_icon.png">
    <!--添加结束-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="/static/app/css/sm.css" rel="stylesheet" type="text/css">
    <link href="/static/app/css/common.css" rel="stylesheet" type="text/css">
    <link href="/static/app/css/index.css" rel="stylesheet" type="text/css">
    <script src="/static/app/js/jquery-2.2.3.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
    <script>var page = 'trade';</script>
    <!-- add for app -->
    <script src="/static/app/js/common/common_func.js"></script>
    <script src="/static/app/js/component.js"></script>
    <script src="/static/app/js/layer/layer.js"></script> {% include 'show/common_define.html' %}
    <script type="text/javascript" src="{%url 'javascript-catalog' 'btc.js'%}"></script>
    <script src="/static/lib/csrf.js"></script>
    <!-- add for app end -->
    <style>
        .container .login-form-box form{
            width: 20rem;
            height: 20rem;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: 0.9rem;
            text-align: center;
        }
        .form_username input, .form_password input{
            width: 80%;
            height: 1.8rem;
            background-color: #141414;
            border: 1px solid #444444;
        }
        .form_username p, .form_password p{
            text-align: left;
            margin-left: 10%;
        }
        .form_btn{
            margin-top: 2rem;
        }
        .form_btn input{
            width: 80%;
            height: 2.4rem;
            background-color: #141414;
            border: 1px solid #ff9500;
        }
        .form_btn a{
            color: #ff9500;
        }
    </style>
</head>

<body>
    <div id="market-app">
        <div class="content page-order" style="padding-bottom:2.5rem;overflow-x: hidden;">
            <div class="orderQueue">
                <div class="top_header">
                    <img src="/static//app//images/arrow_left.png" onclick="history.go(-1)" style="margin-left: 0.5rem; float: left; width: 16px; height: 26px"
                        alt="">
                    <h2 style="text-align: center">登录</h2>
                </div>
                <div class="container">
                    <div class="login-form-box">
                        <form class="login-form" action="" method="post">
                            <div class="form_username">
                                <p>手机号/邮箱 ：</p>
                                <input type="text">
                            </div>
                            <div class="form_password">
                                <p>密码 ：</p>
                                <input type="password">
                            </div>
                            <div class="form_btn">
                                <input type="button" value="登录"/>
                                <p><a href="">忘记密码</a></p>
                                <p>还没有账号？<a href="">注册</a></p>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
